var grid;

function addNewAcao(){
	return "<p>" +
			"Ação: <input type='text' name='pr_acao' id='pr_acao' value=''> " +
			"Caminho: <input type='text' name='co_caminho' id='co_caminho' value=''> " +
			"<a id='rmvAcao'>Remover</a><br/>" +
			"</p>";
}

$(document).ready(function (){

	$("#addAcao").live('click',function(){
		//conta a quantidade de <p> com campos ação
		//var qtdAcao = $("#formulario p").length;		
		$("form p:last").after(addNewAcao());
	});
	
	$("#rmvAcao").live('click',function (e){	
		//alert($(this).attr('atributo'));
		var clicado = $(e.target);
		clicado.closest("p").remove();

	});
	
	$("#salvar").click(function(){
		var qtdAcao = $("#formulario p").length;
		var acoes   = new Array();
		var caminhos = new Array();
		
		$("form #pr_acao").each(function(){
			acoes.push($(this).val());			
		});
		
		$("form #co_caminho").each(function(){
			caminhos.push($(this).val());			
		});
		
		$.ajax({
		    type: 'post',
		    dataType: 'json',
		    url: '../salvar',
		    data: {caminho: caminhos.toString(), acao: acoes.toString(), tela: $("#pr_tela").val()},
			success: function(data) {
				window.location="../index";
			}
		});
		
	});
	
	
	$("#cancelar").click(function (){
		history.back();
	});
  
	$("#formulario").validate({ });
});
